<template>
    <div class="block idlist-page">
         <el-pagination @size-change="handleSizeChange" :current-page="currentPage" :page-sizes="pagesizeset" :page-size="pagesize"
        layout="total, sizes, prev, pager, next, jumper" :total="num"  @current-change="page"> </el-pagination>
    </div>
</template>

<script>
    export default {
        props:['num'],
        data(){
            return{
            currentPage: 1,
            pagesize:5,
            pagesizeset:[5, 10, 15, 20],
            }
        },
        methods:{
          page(p){
            console.log(p);
          },
          handleSizeChange(i){
            console.log(i);
          },
          
        }
       
       
        

    }
</script>

<style lang="less" scoped>
.idlist-page {
  padding: 20px;
  padding-bottom: 0;
}
</style>